/*Created by lk on 2020/06/04.*/

/*----banner----*/
.banner{width: 100%; overflow: hidden; position: fixed}
.banner .swiper-slide{width: 100%; height: 100%; overflow: hidden}

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color:#fff;
    transform: scale(1.2);
    transition: all ease 2s;
}

.banner .swiper-slide-active .slide-inner{transform: scale(1);}

.banner .swiper-slide .text{width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 24% 45% 0 8%;}
.banner .swiper-slide .text h3{font-size: 40px; color: #fff; text-transform: uppercase; margin-bottom: 10px; text-shadow: 1px 1px 1px #000; font-family: 'DisneyEnglish-Bold'; transform: translateY(80px); opacity: 0; transition: all ease .9s .7s; -webkit-transition: all ease .9s .7s;}
.banner .swiper-slide .text h2{font-size: 26px; color: #fff; letter-spacing: 1px; transform: translateY(80px); opacity: 0; text-shadow: 1px 1px 1px #000;  transition: all ease .9s 1s; -webkit-transition: all ease .9s 1s;}
.banner .swiper-slide-active .text h2{transform: translateY(0); opacity: 1;} 
.banner .swiper-slide-active .text h3{transform: translateY(0); opacity: 1;} 

.b_fix{position: absolute; bottom: 0; left: 0; margin: 0 0 80px 60px; z-index: 9;}
.b_fix .ico{width: 30px; height: 40px; margin: 0 auto; animation: down 3s infinite; -webkit-animation: down 3s infinite;} 
.b_fix span{display: block; font-size: 16px; color: #fff; font-weight: bold; font-family: 'dincond-medium'; margin: 40px 0 0 0; transform: rotate(90deg);}

@keyframes down{
    0%{transform: translateY(0);}
    50%{transform: translateY(20px);}
    100%{transform: translteY(0);}
}

.mark{width: 100%; height: 820px; position: relative; z-index: -1}

.wow{animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}


/*----content------*/
.content{position: relative; background: #fff; z-index: 9;}

.title{position: relative; margin-bottom: 40px; z-index: 2;}
.title h1{font-size: 34px; color: #333; font-weight: bold; margin-bottom: 4px;}
.title h3{font-size: 20px; color: #666; text-transform: uppercase; font-family: 'Montserrat-Light';}


.a_link{position: relative; display: block; width: 160px; height: 44px; line-height: 44px; text-align: center; margin-top: 60px; border-radius: 6px; background: #154a95; box-sizing: border-box; overflow: hidden; transition: all ease .4s; -webkit-transition: all ease .4s;}
.a_link:before{content:""; display: block; width: 0; height: 100%; background: #132b88; position: absolute; top: 0; left: 0; transition: all ease .4s .1s; -webkit-transition: all ease .4s .1s;}
.a_link:hover:before{width: 100%;}
.a_link i{position: relative; font-size: 14px; color: #fff; font-style: normal; font-family: 'Montserrat-Light'; transition: all ease .4s; -webkit-transition: all ease .4s;}


/* list01 */
.list01{position: relative; padding: 100px 0; overflow: hidden;}
.list01 h1{font-size: 34px; color: #181818; text-align: center; font-weight: bold; margin-bottom: 50px;}
.list01 .list01_con{text-align: center; margin-bottom: 60px; padding: 0 10%;}
.list01 .list01_con p{font-size: 16px; color: #333; line-height: 1.8;}

.list01 .list01_data{font-size: 0;}
.list01 .list01_data .li{display: inline-block; width: 25%;}
.list01 .list01_data .li .ico{width: 60px; margin: 0 auto;}
.list01 .list01_data .li .ico img{width: 100%; float: none; display: block;}
.list01 .list01_data .li .data{text-align: center;}
.list01 .list01_data .li .data .counter{width: 100%; font-size: 78px; color: #154a95; text-align: center; font-family: 'DisneyEnglish-Bold';}
.list01 .list01_data .li .data i{font-size: 14px; color: #154a95; font-style: normal; padding-left: 10px;}
.list01 .list01_data .li .line{display: block; width: 80%; height: 2px; background: #999; margin: 10px auto 20px auto;}
.list01 .list01_data .li p{font-size: 16px; color: #666; text-align: center;}

/* list02 */
.list02{position: relative; padding: 120px 0; background: url(../image/bg01.jpg) no-repeat fixed; background-size: cover; overflow: hidden;}
.list02 .list02_con{width: 88%; margin: 0 auto; display: flex; justify-content: space-around;}
.list02 .list02_con .item{width: 48%; background: rgba(255,255,255,.8); padding: 80px 80px 60px 80px;}
.list02 .list02_con .item .list{margin-right: -2%;}
.list02 .list02_con .item .list li{float: left; width: 31.3333%; margin-right: 2%; margin-bottom: 20px;}
.list02 .list02_con .item .list li .img{width: 100%; overflow: hidden;}
.list02 .list02_con .item .list li .img img{width: 100%;}
.list02 .list02_con .item .text{padding-top: 10px; text-align: center;}
.list02 .list02_con .item .text h4{font-size: 15px; color: #333;}
.list02 .list02_con .item p{font-size: 15px; color: #333; line-height: 1.8;}

/* list03 */
.list03{position: relative; padding: 100px 0; border-bottom: 1px solid #dedede; overflow: hidden;}
.list03 .list03_con{width: 92%; margin: 0 auto;}
.list03 .list03_con .list03_list .li{margin: 0 25px; background: #f7f7f7; position: relative;}
.list03 .list03_con .list03_list .li .img{width: 100%; overflow: hidden;;}
.list03 .list03_con .list03_list .li .img img{width: 100%;}
.list03 .list03_con .list03_list .li .text{position: relative; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 20% 0 0 28%; background: rgba(21,74,149,0); transition: all ease .4s; -webkit-transition: all ease .4s;}
.list03 .list03_con .list03_list .li .text .line{display: block; width: 0; height: 1px; background: #fff; position: absolute; top: 0; left: 0; margin-top: 28%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list03 .list03_con .list03_list .li .text h6{font-size: 42px; color: #fff; margin-bottom: 10px; font-family: 'DisneyEnglish-Bold'; opacity: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list03 .list03_con .list03_list .li .text h1{font-size: 16px; color: #fff; opacity: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}

.list03 .list03_con .list03_list .li:hover .text{background: rgba(21,74,149,.8);}
.list03 .list03_con .list03_list .li:hover .text .line{width: 24%;}
.list03 .list03_con .list03_list .li:hover .text h6{opacity: 1;}
.list03 .list03_con .list03_list .li:hover .text h1{opacity: 1;}

.list03 .list03_con .list03_list .slick-prev, .list03 .list03_con .list03_list .slick-next{top: 50%; margin-bottom: 0; padding: 5px; background: #dedede;}
.list03 .list03_con .list03_list .slick-prev{left: 0; margin-left: -30px;}
.list03 .list03_con .list03_list .slick-next{left: 100%;}

/* list04 */
.list04{position: relative; padding: 80px 0; overflow: hidden;}
.list04 h1{font-size: 34px; color: #181818; text-align: center; font-weight: bold; margin-bottom: 50px;}
.list04 .list04_con{border-bottom: 1px solid #dedede; margin-bottom: 40px; padding-bottom: 20px; position: relative; z-index: 2;}
.list04 .list04_con .li{margin: 0 10px;}
.list04 .list04_con .li img{width: 100%;}

.list04 .list04_con .slick-dots{width: 30%; right: 0; margin-bottom: -60px; text-align: right;}
.list04 .list04_con .slick-dots li.slick-active button:before{background: #154a95;}

.list04 .list04_title h5{font-size: 20px; color: #333; font-family: 'Montserrat-Light'}

/* list05 */
.list05{position: relative; padding: 100px 0; background: #f0f0f0; overflow: hidden;}
.list05 .title .a_link{position: absolute; top: 0; right: 0; margin-top: 0;}

.list05 .list05_con .list05_left{width: 60%; margin-right: 3%;}
.list05 .list05_con .list05_left .img{width: 100%; max-height: 375px; overflow: hidden;}
.list05 .list05_con .list05_left .img img{width: 100%; position: relative; top: -10%;}
.list05 .list05_con .list05_left .text{padding: 30px 20px; background: #fff;}
.list05 .list05_con .list05_left .text h1{font-size: 24px; color: #282828; font-weight: bold;}
.list05 .list05_con .list05_left .text h6{font-size: 16px; color: #154a95; margin-bottom: 10px; font-family: 'DisneyEnglish-Bold';}

.list05 .list05_con .list05_right{width: 37%; background: #fff; padding: 50px 30px 36px 50px;}
.list05 .list05_con .list05_right .list li{margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #f0f0f0;}
.list05 .list05_con .list05_right .list li h2{font-size: 20px; color: #333; margin-bottom: 8px;}
.list05 .list05_con .list05_right .list li h6{font-size: 16px; color: #999; font-family: 'Montserrat-Light';}